<template>
  <div class="lujingcuowu">
    <img
      src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202103%2F08%2F20210308015418_7793f.thumb.1000_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672925059&t=e5e1b4893e6735efcaec52c4d1b98b77"
      alt="">
    <div class="d1">404</div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="d2">路径错误哦</div>
  </div>
</template>
  
<script>
export default {

}
</script>
  
<style scoped>
.lujingcuowu{
  position: relative;
  width: 100%;
}
.lujingcuowu img {
  width: 400px;
}

.lujingcuowu div {
  font-size: 30px;
  color: pink;
  position: absolute;
}
.lujingcuowu .d1{
  top: 0;
  left: 170px;
}
.lujingcuowu .d2{
  right: 100px;
  top: 400px;
}
</style>